@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, Microsoft YaHei,sans-serif;
}

html,
body {
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	color: #666;
}

body {
	background: #fff;
	font-size: 14px;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

i,
em {
	font-style: normal;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	border: none;
}

/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,
select,
textarea {
	outline: none;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

input::-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
}

input::-ms-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

input::-o-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

input::-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h3{font-size: 30px;color:black;font-family:黑体;margin-bottom:15px;}
.over1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.over2 {	-webkit-line-clamp: 2;}

.over3 {	-webkit-line-clamp: 3;}

.over4 {	-webkit-line-clamp: 4;}

.over5 {	-webkit-line-clamp: 5;}

.over6 {	-webkit-line-clamp: 6;}

.over7 {	-webkit-line-clamp: 7;}

.over9 {	-webkit-line-clamp: 9;}


/* fonts特殊字体 */
@font-face {
	font-family: 'dincond-regular-webfont';
	src: url('../fonts/dincond-regular-webfont.eot');
	src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
		url('../fonts/dincond-regular-webfont.woff') format('woff'),
		url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
		url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
	font-family: 'dincond-medium-webfont';
	src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
		url('../fonts/dincond-medium-webfont.woff') format('woff'),
		url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
		url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
	font-family: 'dincond-bold-webfont';
	src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
		url('../fonts/dincond-bold-webfont.woff') format('woff'),
		url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
		url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}

@font-face {
	font-family: 'dincond-black-webfont';
	src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-black-webfont.woff2') format('woff2'),
		url('../fonts/dincond-black-webfont.woff') format('woff'),
		url('../fonts/dincond-black-webfont.ttf') format('truetype'),
		url('../fonts/dincond-black-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
	font-family: 'din-bold-webfont';
	src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din-bold-webfont.woff2') format('woff2'),
		url('../fonts/din-bold-webfont.woff') format('woff'),
		url('../fonts/din-bold-webfont.ttf') format('truetype'),
		url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
	font-family: 'din-light-webfont';
	src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din-light-webfont.woff2') format('woff2'),
		url('../fonts/din-light-webfont.woff') format('woff'),
		url('../fonts/din-light-webfont.ttf') format('truetype'),
		url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
	font-family: 'din-medium-webfont';
	src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din-medium-webfont.woff2') format('woff2'),
		url('../fonts/din-medium-webfont.woff') format('woff'),
		url('../fonts/din-medium-webfont.ttf') format('truetype'),
		url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
	font-family: "din-regular";
	src: url("../fonts/din-regular.woff2") format("woff2"),
		url("../fonts/din-regular.woff") format("woff"),
		url("../fonts/din-regular.ttf") format("truetype"),
		url("../fonts/din-regular.eot") format("embedded-opentype"),
		url("../fonts/din-regular.svg") format("svg");
}



@font-face {
    font-family: 'uni_san';
    src: url('../fonts/uni_sans_thin-webfont.woff2') format('woff2'),
         url('../fonts/uni_sans_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





.wrapper{ width: 1200px; margin: auto; position: relative;}
.fl {float: left;color:#000}
.fr {float: right;color:#000}
.clear {clear: both;}
.clearfix:after {	content: '';	display: block;	clear: both;	width: 0px;	height: 0px;	overflow: hidden;}
img {	vertical-align: middle;	max-width: 100%;	border: none;	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);	blr: expression(this.onFocus=this.blur());}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -3px, 0);   /* box-shadow: 2px 2px 18px rgba(182,182,182,0.3); */ }




/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";    width: 220px;    height: 100%;    position: absolute;    top: 0;    left: -185px;    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}







/*      heard      */
.Topwel{ line-height: 34px; border-bottom: 1px solid #ececec; font-size: 12px; }
.Twefo{ color: #999; }
.Twefo i{ margin-left: 10px; color: #ccc; }
.spanF{ color: #666; margin-right: 20px;}
.spanF i{ color: #200200;}
.spanH{ padding-left: 20px; background: url(../img/cha.png) no-repeat left center;}
.spanH select{ background: url(../img/lug.png) no-repeat right center; padding:0 14px 0 5px; font-size: 12px; color: #2373c8; border: 0;}

.haeder{ padding: 20px 0; }
.logo{ max-width: 467px;}
.search{ width: 324px; height: 34px; background: #f5f5f5; border-radius: 300px; overflow: hidden; padding-right: 5px; margin-top: 7px;}
.search input{  background: none ; border: 0; }
.search .seac{ float: left; height: 34px; width: 260px; padding: 0 20px;}
.search .subm{ float: right; height: 34px; width: 40px; background: url(../img/sea.png) no-repeat center; }

.Idnav{ background: #496992; }
.Idnav ul{ width: 1326px;}
.Idnav li{ position: relative; float: left; margin-right: 70px; z-index: 2;}
.Idnav li:last-child{ margin-right: 0;}
.Idnav li a{ display: block; font-size: 16px; color: #fff; line-height: 48px; height: 48px;}
.Idnav li.active>a,
.Idnav li:hover>a{ font-weight: bold; }

.Idnav li .hidea{ display: none; position: absolute; left: -50px; top: 48px; width: 156px; background: rgba(73,105,146,0.9); z-index: 3;}
.Idnav li .hidea a{ text-align: center; color: #8da5c4;  padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,0.08);}
.Idnav li .hidea a:hover{ color: #fff;}





.home{ height: 62px; border-bottom: 1px solid #e5e5e5;  }
.home .wrapper{ padding-left: 33px; background: url(../img/home.png) no-repeat left center;  line-height: 62px; }
.home a{ color: #666; margin: 0 5px;}
.home a:hover{ color: #496992;}

.InsideRght{ width: 220px;}
.InsideRght li{ }
.InsideRght li>a{ display: block; height: 60px; line-height: 60px; font-size: 16px;  text-align: center; border-bottom: 1px solid #e5e5e5;}
.InsideRght li.active>a{ background: #496992; border-color: #496992; font-weight:bold;  color: #fff;}
.InsideRght li .hidediv{ border-bottom: 1px solid #e5e5e5; padding: 12px 0; display: none;}
.InsideRght li .hidediv a{ display: block; padding:  0 0 0 40px; font-size: 16px; color: #666; line-height: 40px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.InsideRght li.active .hidediv{ display: block;}
.InsideRght li .hidediv a.active,
.InsideRght li .hidediv a:hover{ color: #496992; font-weight: bold;}



.InsideLeft{ width: 980px; min-height: 500px;  border-right: 1px solid #eee;}
.insAbout{ padding: 60px 59px 60px 0; background: url(../img/insAbbg.jpg) no-repeat bottom center;}
.sAiMG{ position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.sAiMG::after{ content: ''; position: absolute; left: 30px; width: 1px; height: 66px; bottom: 0; background: #333;  }
.insAbout dl{ background: url(../img/dhbg.png) no-repeat right top; margin-bottom: 15px; }
.insAbout dt{ font-size: 30px; color: #333; font-weight: bold;}
.insAbout dd{ color: #ccc; font-family: "din-regular"; letter-spacing: 5px;  padding-bottom: 40px; background: url(../img/bol.png) no-repeat left bottom; }

.insAbtook{ font-size: 16px; line-height: 30px; color: #666; text-align: justify;}
.insAbtook p{ margin-bottom: 10px;}
.insAbtook b,
.insAbtook i{ color: #496992;}

.insdeLink{ border-top: 1px solid #e5e5e5; padding-top: 15px; padding-bottom: 5px;}
.insdeLink span{ width: 85px; font-weight: bold; color: #333; font-size: 16px;}
.insdeLink ul{ width: 1115px;}
.insdeLink li{ float: left; width: 25%; padding-right: 20px; margin-bottom: 12px;}
.insdeLink li a{ display: block; font-size: 16px; transition: 0.2s;color:#000}
.insdeLink li a:hover{ color: #496992; font-weight: bold; }



.footer{ background: #2D4A6F; padding: 37px 0 30px;}
.flogo{ width: 353px; }
.flogo a{ width: 105px; display: block; margin-bottom: 12px;}
.flogo p{ font-size: 12px; line-height: 16px; color: rgba(255,255,255,0.6);}

.faddres{ width: 610px; margin-left: 50px;}
.faddres .faName{ color: #fff; font-weight: bold;  font-size: 18px; margin-bottom: 10px;}
.faddres ul{ width: 980px; }
.faddres li{ float: left; color: rgba(255,255,255,0.7); height: 20px; line-height: 20px; min-width: 210px; margin-top: 7px;}
.faddres li:nth-child(1),
.faddres li:nth-child(3){ margin-right: 30px;}
.faddres li img{ width: 20px; height: 20px; margin-right: 5px;}
.erwei{ width: 88px; height: 88px;}


.nban,
.banner{ margin: auto; text-align: center;}
/* 领导团队 */
.insTem{ padding: 60px 30px 50px 0; }
.InsTem ul{ width: 980px; }
.insTem li{ float: left; width: 450px; border: 1px solid #e5e5e5; height: 123px; margin: 0 16px 16px 0; transition: 0.3s;}
.insTem li *{ transition: 0.3s; }
.insTem li .insName{ font-size: 20px; color: #333; line-height: 50px; padding: 0 29px;   border-bottom: 1px dashed #e5e5e5;}
.insTem li .insName span{ display: inline-block; min-width: 62px; text-align: justify;  text-align-last: justify;}
.insTem li .insName i{ font-family: "din-regular"; font-size: 14px; color: #ccc;  text-transform: uppercase; margin-left: 9px;}
.insTem li dl{ padding: 10px 29px; font-size: 16px; }
.insTem li dt{ color: #333;}
.insTem li dd{ color: #666; margin-top: 3px;}
.insTem li:hover{ background: #496992;}
.insTem li:hover .insName{ border-color: rgba(255,255,255,0.28); }
.insTem li:hover span{ color: #fff; font-weight: bold;}
.insTem li:hover i{ color: #8594a7;}
.insTem li:hover dt{ color: #fff;}
.insTem li:hover dd{ color: #97a9c0;}


.insGIA{ padding: 60px 58px 60px 0; background: url(../img/Giabg.png) no-repeat center; }
.GIDname{ text-align: center; font-size: 16px; color: #ccc; font-family: "din-regular";   text-transform: uppercase;}
.GIDname p{ font-size: 30px; color: #333; font-weight: bold; }
.GIDname span{ display: block; letter-spacing: 5px;}
.GIDname i{ display: block; width: 25px; height: 2px; background: #496992; margin: 10px auto;}
.GIAimg{ margin-top: 38px;}





/* 发展历程 */
.fzlcbg{  min-height: 1540px; background: #fff url(../img/fzbg.jpg) no-repeat bottom center;}
.fzlcbg .InsideLeft { height: 100%; padding-top: 60px; padding-right: 59px;}
.nFzlc{ position: relative; height: 1450px; background: url(../img/fz1.png) no-repeat left 0;  z-index: 1; overflow: hidden;}
.nFzlc .fcb{ position: absolute; background: url(../img/fz2.png) no-repeat left 0; width: 100% ; top:0; left: 0; height: 0; max-height: 100%; }
.nFzlc li{ position: absolute; font-size: 20px; color: #999; font-family: 'din-bold-webfont'; padding-left: 25px; background: url(../img/fli1.png) no-repeat left center; }
.nFzlc li em{ font-family: 'din-bold-webfont'; }
.nFzlc li .hide{ display: none; }
.nFzlc li.li1{ left: 119px; top: 75px; }
.nFzlc li.li2{ left: 130px; top: 167px;}
.nFzlc li.li3{ left: 248px; top: 265px;}
.nFzlc li.li4{ left: 290px; top: 353px;}
.nFzlc li.li5{ left: 400px; top: 430px;}
.nFzlc li.li6{ left: 436px; top: 488px;}
.nFzlc li.li7{ left: 627px; top: 538px;}
.nFzlc li.li8{ left: 498px; top: 632px;}
.nFzlc li.li9{ left: 496px; top: 725px;}
.nFzlc li.li10{ left: 513px; top: 818px;}
.nFzlc li.li11{ left: 380px; top: 911px;}
.nFzlc li.li12{ left: 665px; top: 1003px;}
.nFzlc li.li13{ left: 622px; top: 1196px;}
.nFzlc li.li13{ left: 675px; top: 1189px;}
.nFzlc li.li14{ left: 802px; top: 1278px;}
.nFzlc li.on{ background-image: url(../img/fli2.png); color: #496692;}

.fzswiper{ position: absolute; left: 248px; top: 80px; width: 590px; z-index: 22; margin: auto;}
.fzswiper.flex{ position: fixed; top: 120px; right: 0; left: 0;  transform: translateX(-56.5px);}

.fzswiper::after{ content: ''; position: absolute; left: 0; top: 93px; background: url(../img/fzbb.png) no-repeat center; width: 20px; height: 16px; }
.fzswiper .slide{ display: flex;ustify-content: space-between;}
.fzswiper .year{ width: 197px; color: #fff; background: #496992; height: 96px; line-height: 96px; text-align: center; font-size: 40px; font-family: 'din-bold-webfont';} 
.fzswiper .text{ width: 395px; background: #c7d2e1; min-height: 96px; padding: 12px 15px 12px 25px; line-height: 24px; font-size: 16px; color: #496992; }
.fzswiper .fzp,
.fzswiper .fzt{ position: absolute; top: 50%; width: 12px; height: 22px; opacity: 0.4; margin-top: -10px;  cursor: pointer;}
.fzswiper .fzp{ background: url(../img/fzle.png) no-repeat center; left: 13px; }
.fzswiper .fzt{ background: url(../img/fzht.png) no-repeat center; left: 170px; }
.fzswiper .fzp:hover,
.fzswiper .fzt:hover{ opacity: 1; }



/* 5集团荣誉 */
.Rybox{ padding: 60px 35px 60px 0;}
.Rytit{ position: relative; padding-left: 82px; background: url(../img/dhbg1.png) no-repeat right 25px top;  }
.Rytit p{ font-size: 24px; color: #496992; line-height: 24px;margin-bottom: 2px;}
.Rytit span{ display: block; font-size: 16px; color: rgba(73,106,146,0.41);  text-transform: uppercase; font-family: "din-regular"; }
.Rytit i{ position: absolute; left: 0; top: 0; display: block; width: 64px; height: 41px; border-right: 1px solid rgba(73,106,146,0.1);}

.Rylist{ margin-top: 20px;}
.Rylist ul{ width: 980px; }
.Rylist li{ float: left; width: 450px; height: 140px; border: 1px solid #ebebeb; margin: 0 20px 20px 0; padding: 0 20px 0 48px; transition: 0.3s;}
.Rylist li *{ transition: 0.3s;}
.Rylist li .img{ height: 138px; width: 190px; border: 4px solid #4d5764; }
.Rylist li .img img{ transition: 1.2s;}
.Rylist li .txt{ width: 165px; font-size: 16px; line-height: 22px;}
.Rylist li p{  color: #333; margin: 25px 0 15px; height: 44px; }
.Rylist li span{ display: block; padding-left: 30px; height: 22px; background: url(../img/Rymore.png) no-repeat center left;  color: #999; }
.Rylist li:hover{ background: #496992; border-color: #496992; } 
.Rylist li:hover p,
.Rylist li:hover span{ color: #fff;}
.Rylist li:hover span{ background-image: url(../img/Rymore1.png);}

.RyMore{ background: #496992; line-height: 70px; text-align: center; color: #fff; font-size: 16px; cursor: pointer;}
.RyMore img{ width: 34px; height: 34px; margin-right: 15px;}
.RyMore.roto img{ animation: roo 2.4s linear forwards ;  }

@keyframes roo{
	from{ transform: rotate(0); }
	to{transform: rotate(380deg);}
}



/* 6领导致辞 */
.Ldsayc{ padding: 60px 59px 60px 240px;  background: url(../img/Ldbg.jpg) no-repeat left 60px ;}
.Ldsayc dl{ padding-top: 52px; background: url(../img/bol1.png) no-repeat top left; }
.Ldsayc dt{ font-size: 24px ; color: #496992;}
.Ldsayc dd{ color: #ccc; font-family: "din-regular"; }

.Ldtook{ font-size: 16px; line-height: 26px; color: #666; margin-top: 20px;}
.Ldtook p{ margin-bottom: 10px;}
.Ldtook b{ color: #496992;}


/* 7生产基地 */
.SHJDList{ padding: 60px 38px 60px 0; }
.SHJDList ul{ width: 980px; }
.SHJDList li{ float: left; width: 450px; margin: 0 20px 20px 0;}
.SHJDList li .img{ position: relative; height: 300px;}
.SHJDList li .img i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(73,105,146,0.6) url(../img/bigI.png) no-repeat center / 50px; opacity: 0; transition: 0.4s;}
.SHJDList li .txt{ height: 65px; background: #f5f5f5; font-size: 16px; color: #333; padding: 0 20px; text-align: center; line-height: 65px; transition: 0.3s;}
.SHJDList li:hover .txt{ background: #496992; color: #fff; font-weight: bold;}
.SHJDList li:hover .img i{opacity: 1;}




/* 2新闻 */
.FoursNew{ padding: 40px 59px 60px 0; }
.FoursNew li{ padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
.FoursNew li .img{ position: relative; width: 365px; height: 230px;}
.FoursNew li .img i{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(73,105,146,0.8) url(../img/newMore.png) no-repeat center / 60px; opacity: 0; transition: 0.4s; }
.FoursNew li .txt{ width: 505px; height: 230px;}
.NewName{ margin-top: ; line-height: 24px; font-size: 20px; color: #333; height: 48px; margin-top: 25px; transition: 0.2s;}
.NewTook{ font-size: 16px; line-height: 24px; color: #000; height: 72px; margin: 20px 0; transition: 0.3s;}
.NewTime{ color: #999;  transition: 0.3s;}
.NewTime span{ font-family: "din-regular"; }
.FoursNew li:hover .NewName{ font-weight: bold; color: #496992; }
.FoursNew li:hover .NewTook{ color: #333; }
.FoursNew li:hover .NewTime{ color: #496992;}

.FoursNew .RyMore{ margin-top: 20px;}
.FoursNew p{ font-size: 16px;line-height:30px;color:black}

.Nopict li:hover .img i{opacity: 1;}
.info{display: flex;justify-content: space-between;}
.infoTil{font-size: 30px;color: #496992;}
.infoLine{height: 1px;width: 150px;background-color: black;opacity: .1;margin: 10px 0;}
.infoTil_CN{font-size: 22px;color: #000000;}
.infoTil_EN{font-size: 14px;font-family: "din-regular";color: #CCCCCC;}
.infoLine1{height: 1px;width: 300px;background-color: black;opacity: .1;margin: 10px 0;}

/* video */
.FoursVideo{ padding: 60px 59px 60px 0;}
.Video{ width: 722px; height: 405px }
.vidSlide{position: relative; height: 405px; padding: 35px 0; width: 193px; }

.vidSlide .swiper-container{ width: 193px; height: 100%;  overflow: hidden;}
.vidSlide .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '正在播放...'; font-size: 16px;
 background: rgba(73,105,146,0.8); display: none; color: #fff; text-align: center; line-height: 108px;}
.vidSlide .swiper-slide.active:before{ display: block;}

.vidSlide .btt{ top: 0; left: auto; right: 0; width: 100%; height: 33px;  margin: 0; border: 1px solid #e7e7e7; opacity: 1; outline: none; 
background: url(../img/viTop.jpg) no-repeat center  ;}
.vidSlide .tpp{ top: auto; bottom: 0; left: 0;  width: 100%; height: 33px; margin: 0; border: 1px solid #e7e7e7; opacity: 1; outline: none; 
background: url(../img/vidow.jpg) no-repeat center  ;}
.vidSlide .btt:hover{  background-image: url(../img/viTop1.jpg);}
.vidSlide .tpp:hover{  background-image: url(../img/vidow1.jpg); }







/* 3创新发展 */
.YYlsit {padding: 60px 59px 60px 0; }
.YY-top{ background: url(../img/YYbg.png) no-repeat right -17px top;}
.YY-top .ENme{ height: 20px; line-height: 30px; font-size: 36px; text-transform: uppercase;  color: rgba(73,105,146,0.2); overflow: hidden;
 font-weight: bolder;}
.YY-top .CNme{ font-size: 34PX; color: #2672c4; }
.YY-top i{ display: block; width: 150px; height: 1px; background: #e5e5e5; margin: 13px 0;}
.YY-top dt{ font-size: 22px; color: #333; }
.YY-top dd{ font-size: 14px; color: #ccc; text-transform: uppercase;  font-family: "din-regular"; border-bottom: 1px solid #e5e5e5; width: 310px; height: 32px;}
.tookok{ font-size: 16px; line-height: 26px; color: #666; margin: 20px 0 35px;  text-align: justify;}


.YYList{ }
.YYlsit ul{ width: 980px; }
.YYList li{ float: left; width: 290px; margin: 0 24px 25px 0; border: 1px solid #e5e5e5;}
.YYList li:nth-child(3n) {margin-right: 0;}
.YYList li .img{ position: relative; height: 225px; border-bottom: 1px solid #e5e5e5; padding: 11.5px;}
.YYList li .img i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(73,105,146,0.6) url(../img/bigI.png) no-repeat center / 50px; opacity: 0; transition: 0.4s;}
.YYList li p{ text-align: center; line-height: 60px; background: #f5f5f5; transition: 0.3s;}
.YYList li:hover .img{ border-color: rgb(73,105,146,0.6);}
.YYList li:hover p{ background: #496992; color: #fff; font-weight: bold;}


/* .YYswiper{ margin-top: 50px; padding-top: 50px; border-top: 1px solid #e5e5e5; height: 366px; background: url(../img/bbb.png) no-repeat center bottom;}
.Cooldog_container{width: 790px; height: 280px; margin: auto; position: relative; overflow: hidden;}
.Cooldog_content{position: absolute; width: 570px; height: 275px; top: 0; left: 50%; margin-left: -285px;}
.Cooldog_content li{position: absolute; top: 0; left: 0; width: 570px; height: 275px; transition: all 0.5s ease;}
.Cooldog_content li::after{ position: absolute; height: 186px; background: #Fff; width: 570px; top: 0; left: 0; content: ''; z-index: -10;}
.Cooldog_content li .img{ border: 4px solid #342800; width: 280px; height: 186px;}
.Cooldog_content li  p{ display: none; font-size: 16px; color: #333; width: 224px; margin: 55px auto 0;  text-align: center;}
.btn_left,
.btn_right{  width: 18px; height: 30px; position: absolute; bottom: 0px; z-index: 50; color: #333;  opacity: 0.3; z-index: 55;}
.btn_left{ text-align: left; left: 0;}
.btn_right{ text-align: right; right: 0;}
.btn_left:hover,
.btn_right:hover{ opacity: 1;}
.p1{transform: translate3d(-330px, 0, 0) scale(0.75); opacity: 0; z-index: 1;}
.p2{transform: translate3d(-220px, 0, 0) scale(0.75); transform-origin: 0 50%; opacity: 0; z-index: 2;}
.p3{transform: translate3d(-110px, 0, 0) scale(0.75); transform-origin: 0 50%; opacity: 0.8; z-index: 3;}
.p4{transform: translate3d(0px, 0, 0) scale(1); opacity: 1; z-index: 4;}
.Cooldog_content li.p4 p{ display: block;}
.p5{transform: translate3d(251px, 0, 0) scale(0.75); transform-origin: 0 50%; opacity: 0.8; z-index: 3;}
 */
.YYswiper{ margin-top: 50px; padding-top: 50px; border-top: 1px solid #e5e5e5; height: 366px; background: url(../img/bbb.png) no-repeat center bottom;}
.Cooldog_container{width: 790px; height: 290px; margin: auto; position: relative; overflow: hidden;}
.Cooldog_container li{ width: 570px; height: 290px; 
	transition: 700ms;
	z-index: -1;
}
.Cooldog_container li .img{ border: 4px solid #342800; width: 280px; height: 186px;}
.Cooldog_container li p{ opacity: 0; font-size: 16px; color: #333; width: 224px; margin: 55px auto 0;  text-align: center; transition: 0.8s;}
.Cooldog_container .swiper-slide-active{ transform: scale(1); z-index: 1;  opacity: 1;}
.Cooldog_container .swiper-slide-active p{ opacity: 1;}

.Cooldog_container li.swiper-slide-prev{ transform:scale(0.8) translateX(37.2%); opacity: 0.3;}
.Cooldog_container li.swiper-slide-next{ transform:scale(0.8) translateX(-37%); opacity: 0.3;}


.btn_left,
.btn_right{  width: 18px; height: 30px; position: absolute; bottom: 10px; margin: 0; top: auto; left: auto; z-index: 50; color: #333;  opacity: 0.3; z-index: 55;}
.btn_left{ text-align: left; left: 0;}
.btn_right{ text-align: right; right: 0;}
.btn_left:hover,
.btn_right:hover{ opacity: 1;}









/* 3-1-1 技术创新*/
.YYtable{ border-radius: 10px; overflow: hidden; margin-bottom: 50px; margin-top: 30px;}
.YYtable .tableth{ line-height: 70px; padding: 0;  min-height: 70px; margin-bottom: 2px;}
.YYtable .tableth .num1,
.YYtable .tableth .num2,
.YYtable .tableth .num3{ float: left;  background: #496992;  text-align: center; color: #fff; font-size: 20px; color: #fff; padding: 0;  min-height: 70px;}
.YYtable .tableth .num3{ float: right;}

.YYtable li{ min-height: 80px; max-width: 920px; line-height: 24px;  text-align: center; width: 100%; margin-bottom: 2px;}
.YYtable .num1{ float: left; width: 155px; background: #a6bddb; font-size: 20px; color: #fff;}
.YYtable .num2{ float: left; width: 465px; margin-left: 2px;   background: #e9eff7; }
.YYtable .num3{ float: right;width: 295px;  background: #e9eff7; }
.YYtable li { font-size: 16px; color: #333;}
.YYtable li .num1,
.YYtable li .num2,
.YYtable li .num3{ display: table; padding: 0 20px; min-height: 80px; }
.YYtable li p{  display: table-cell; vertical-align: middle;  font-family: 'din-bold-webfont'; }
.YYtable li:nth-child(2n) .num2,
.YYtable li:nth-child(2n) .num3{ background: none; border: 1px solid #e9eff7;}




/* 获奖成果 */
.HJCDa{ margin-top: 35px;}
.HJCDa ul{ width: 980px; }
.HJCDa li{ float: left;  width: 290px; margin: 0 24px 24px 0;}
.HJCDa li .img{ position: relative;  height: 208px; border: 4px solid #52451a;}
.HJCDa li:nth-child(3n){ margin-right: 0; }
.HJCDa li p{ text-align: center; line-height: 60px; background: #f5f5f5; transition: 0.3s; font-size: 16px;}
.HJCDa li:hover p{ background: #496992; color: #fff; font-weight: bold;}
.HJCDa li .img i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(73,105,146,0.8) url(../img/bigI.png) no-repeat center / 50px; opacity: 0; transition: 0.4s;}


/* 专利 */
.zLsearch{ padding-left: 28px; border: 1px solid #eee; margin: 30px 0;}
.zLsearch input{ border: none; background: none; height: 66px; font-size: 16px;}
.zLsearch .inp{ width: 630px; }
.zLsearch .inpsub{ width: 180px; background: #496992; color: #fff; }


.zhuanli{}
.zhuanli ul{ width: 935px;}
.zhuanli li{ float: left; width: 443px; height: 82px; border: 1px solid #f3f3f3; margin: 0 30px 12px 0; transition: 0.3s;} 
.zhuanli li:nth-child(2n){ margin-right: 0;}
.zhuanli li .zlnum{ float: left; width: 102px; height: 80px; background: #f3f3f3; position: relative; line-height: 80px; font-size: 30px; color: #999;font-family: "din-regular"; font-weight: bold; text-align: center;  transition: 0.3s;}
.zhuanli li .zlnum::after,
.zhuanli li .zlnum::before{ width: 8px; height: 2px; background: rgba(204,204,204,0.62); position: absolute; top: 50%; margin-top: -1px; content: '';}
.zhuanli li .zlnum::after{ left: 10px;}
.zhuanli li .zlnum::before{ right: 10px;}

.zhuanli li .txt{  float: right; width: 285px; height: 80px; margin-right: 20px; font-size: 16px; color: #666; line-height: 24px;}
.zhuanli li .txt p{display: table-cell; vertical-align: middle; height: 80px; overflow: hidden;}

.zhuanli li:hover{ background: #d7dde6; border-color: #d7dde6;}
.zhuanli li:hover .zlnum{ background: #496692; color: #fff;}
.zhuanli li:hover .zlnum::after,
.zhuanli li:hover .zlnum::before{ background: rgba(255,255,255,0.2);}


/* 人才队伍 */
.InsTem{ font-size: 16px; line-height: 30px; margin: 30px 0;}



/* 重点工程 */
.gongcL{ margin-top: 35px;}
.gongcL ul{ width: 980px;}
.gongcL li{ float: left; width: 445px; margin: 0 30px 30px 0; }
.gongcL li:nth-child(2n){ margin-right: 0;}
.gongcL li .img{position: relative; height: 270px;}
.gongcL li .img i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(73,105,146,0.8) url(../img/bigI.png) no-repeat center / 50px; opacity: 0; transition: 0.4s;}
.gongcL li .txt{ text-align: center; height: 80px; background: #f5f5f5; transition: 0.3s; padding: 0 20px; font-size: 16px; transition: 0.3s; padding-top: 15px;}
.gongcL li .txt .gcTit{ font-size: 18px; color: #333; transition: 0.3s;}
.gongcL li .txt .gcNme{ font-size: 16px;  transition: 0.3s;}
.gongcL li:hover .txt{ background: #496992; }
.gongcL li:hover .gcTit{ color: #fff;}
.gongcL li:hover .gcNme{ color: #93a1b3;}


/*  重点客户 */
/* .zdkehu{ position: relative; height: 700px; width: 920px; background: url(../img/zdkfbg1.jpg) no-repeat center; margin-top: 15px; }
.picture{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/zdkfbg2.png) no-repeat center;}
.picture .bisImg{position: relative; width: 292px; height: 292px; border-radius: 50%; display: block; margin: 227px auto 0;  overflow: hidden;}
.picture .bisImg::after{ position: absolute; content: '';  left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(73,105,146,0.7); z-index: 1;}
.picture .bisImg img{ margin-left: -1px; }
.bisboxa{ position: absolute; left: 0; top: 95px; width: 100%; margin: auto; text-align: center;  z-index: 2;}
.bisName{ font-weight: bold; color: #fff; font-size: 22px;}
.bisboxa p{ color: rgba(2565,255,255,0.4);  text-transform: uppercase; font-family: "din-regular"; margin: 3px 0 30px;}
.bisboxa a{ display: block; margin: auto; width: 125px; height: 38px; text-align: cente; line-height: 38px; color: #fff; border: 1px solid rgba(2565,255,255,0.3);}
.bisboxa a i{ color: rgba(255,255,255,0.5);}

.divli { position: absolute; z-index: 656;  width: 220px;  height: 87px; cursor: pointer;}
.divli dt{ font-size: 20px; color: #333; }
.divli dd{ color: #ccc; }
.divli1 { height: 150px; text-align: center;}
.divli .bsicon{  width: 86px; height: 86px; border-radius: 50%; border: 1px solid #496992; background-color: #fff;}
.divli .bsicon span{ display: block;  width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; margin: 17px auto;
}

.divli1 .bsicon span{ background-image: url(../img/bisIc1.png); }
.divli2 .bsicon span{ background-image: url(../img/bisIc2.png); }
.divli3 .bsicon span{ background-image: url(../img/bisIc3.png); }
.divli4 .bsicon span{ background-image: url(../img/bisIc4.png); }
.divli5 .bsicon span{ background-image: url(../img/bisIc5.png); }
.divli6 .bsicon span{ background-image: url(../img/bisIc6.png); }
.divli7 .bsicon span{ background-image: url(../img/bisIc7.png); }
.divli8 .bsicon span{ background-image: url(../img/bisIc8.png); }
.divli9 .bsicon span{ background-image: url(../img/bisIc9.png); }
.divli10 .bsicon span{ background-image: url(../img/bisIc10.png); }
.divli11 .bsicon span{ background-image: url(../img/bisIc11.png); }
.divli12 .bsicon span{ background-image: url(../img/bisIc12.png); }
.divli13 .bsicon span{ background-image: url(../img/bisIc13.png); }


.divli2 dl,
.divli3 dl,
.divli4 dl,
.divli5 dl,
.divli6 dl,
.divli7 dl{ position: absolute; left: 101px; bottom: 22px; }

.divli2,
.divli3,
.divli4,
.divli5,
.divli6,
.divli7{ right: 0; }

.divli1{ width: 220px; top: 0; right: 0; left: 0; margin: auto; }
.divli1 .bsicon{ position: static; margin:10px auto 0;}
.divli2{ width: 265px; top: 83px; right: 110px; }
.divli3{ width: 240px; top: 173px; right: 33px; }
.divli4{ width: 228px; top: 297px; }
.divli5{ width: 243px; top: 429px; }
.divli6{ width: 320px; top: 539px; }
.divli7{ width: 260px; bottom: 0; right: 178px; }
.divli7 dl{ bottom: 10px;}


.divli8 dl,
.divli9 dl,
.divli10 dl,
.divli11 dl,
.divli12 dl,
.divli13 dl{ position: absolute; right: 101px; bottom: 22px; }

.divli8,
.divli9,
.divli10,
.divli11,
.divli12,
.divli13{ left: 0; text-align: right; }
.divli8 .bsicon,
.divli9 .bsicon,
.divli10 .bsicon,
.divli11 .bsicon,
.divli12 .bsicon,
.divli13 .bsicon{ position: static; display: inline-block;}

.divli13{ width: 240px; top: 83px; left: 132px; }
.divli12{ width: 272px; top: 173px; left: 0; }
.divli11{ width: 226px; top: 297px; left: 0; }
.divli10{ width: 244px; top: 429px; left: 0; }
.divli9{ width: 242px; top: 539px; left: 77px; }
.divli8{ width: 243px; bottom: 0px; left: 180px; }
.divli8 dl{ bottom: 10px;}


.divli.active dt{  font-weight: bold; color: #496992; }
.divli.active dd{ color: #666;}
.divli.active .bsicon{ background: url(../img/bsbg.png) no-repeat center;}

.divli1.active .bsicon span{ background-image: url(../img/bisIc01.png); }
.divli2.active .bsicon span{ background-image: url(../img/bisIc02.png); }
.divli3.active .bsicon span{ background-image: url(../img/bisIc03.png); }
.divli4.active .bsicon span{ background-image: url(../img/bisIc04.png); }
.divli5.active .bsicon span{ background-image: url(../img/bisIc05.png); }
.divli6.active .bsicon span{ background-image: url(../img/bisIc06.png); }
.divli7.active .bsicon span{ background-image: url(../img/bisIc07.png); }
.divli8.active .bsicon span{ background-image: url(../img/bisIc08.png); }
.divli9.active .bsicon span{ background-image: url(../img/bisIc09.png); }
.divli10.active .bsicon span{ background-image: url(../img/bisIc010.png); }
.divli11.active .bsicon span{ background-image: url(../img/bisIc011.png); }
.divli12.active .bsicon span{ background-image: url(../img/bisIc012.png); }
.divli13.active .bsicon span{ background-image: url(../img/bisIc013.png); } */




/*  重点客户 */
.zdkehu{ position: relative; height: 700px; width: 920px; background: url(../img/zdkfbg1.jpg) no-repeat center; margin-top: 15px; margin-bottom: 30px; }
.picture{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/zdkfbg2.png) no-repeat center;}
.picture .bisImg{position: relative; width: 292px; height: 292px; border-radius: 50%; display: block; margin: 227px auto 0;  overflow: hidden;}
.picture .bisImg::after{ position: absolute; content: '';  left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(73,105,146,0.7); z-index: 1;}
.picture .bisImg img{ margin-left: -1px; }
.bisboxa{ position: absolute; left: 0; top: 95px; width: 100%; margin: auto; text-align: center;  z-index: 2;}
.bisName{ font-weight: bold; color: #fff; font-size: 22px;}
.bisboxa p{ color: rgba(2565,255,255,0.4);  text-transform: uppercase; font-family: "din-regular"; margin: 3px 0 30px;}
.bisboxa a{ display: block; margin: auto; width: 125px; height: 38px; text-align: cente; line-height: 38px; color: #fff; border: 1px solid rgba(2565,255,255,0.3);}
.bisboxa a i{ color: rgba(255,255,255,0.5);}

.divli { position: absolute; z-index: 656;  width: 220px;  height: 87px; cursor: pointer;}
.divli dt{ font-size: 20px; color: #333; }
.divli dd{ color: #ccc; }
.divli1 { height: 150px; text-align: center;}
.divli .bsicon{  width: 86px; height: 86px; border-radius: 50%; border: 1px solid #496992; background-color: #fff;}
.divli .bsicon span{ display: block;  width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; margin: 17px auto;
}

.divli1 .bsicon span{ background-image: url(../img/bisIc1.png); }
.divli2 .bsicon span{ background-image: url(../img/bisIc2.png); }
.divli3 .bsicon span{ background-image: url(../img/bisIc3.png); }
.divli4 .bsicon span{ background-image: url(../img/bisIc4.png); }
.divli5 .bsicon span{ background-image: url(../img/bisIc5.png); }
.divli6 .bsicon span{ background-image: url(../img/bisIc6.png); }
.divli7 .bsicon span{ background-image: url(../img/bisIc7.png); }
.divli8 .bsicon span{ background-image: url(../img/bisIc8.png); }
.divli9 .bsicon span{ background-image: url(../img/bisIc9.png); }
.divli10 .bsicon span{ background-image: url(../img/bisIc10.png); }
.divli11 .bsicon span{ background-image: url(../img/bisIc11.png); }
.divli12 .bsicon span{ background-image: url(../img/bisIc12.png); }
.divli13 .bsicon span{ background-image: url(../img/bisIc13.png); }




.divli2 dl,
.divli3 dl,
.divli4 dl,
.divli5 dl,
.divli6 dl{ position: absolute; left: 101px; bottom: 22px; }

.divli2,
.divli3,
.divli4,
.divli5,
.divli6,
.divli7{ right: 0; }



.divli8 dl,
.divli9 dl,
.divli10 dl,
.divli11 dl,
.divli12 dl,
.divli13 dl{ position: absolute; right: 101px; bottom: 22px; }

.divli8,
.divli9,
.divli10,
.divli11,
.divli12,
.divli13{ left: 0; text-align: right; }
.divli8 .bsicon,
.divli9 .bsicon,
.divli10 .bsicon,
.divli11 .bsicon,
.divli12 .bsicon,
.divli13 .bsicon{ position: static; display: inline-block;}






.divli1{ width: 220px; top: -10px; right: 0; left: 0; margin: auto; }
.divli1 .bsicon{ position: static; margin:10px auto 0;}
.divli2{ width: 245px; top: 88px; right: 110px; }
.divli3{ width: 225px; top: 200px; right: 33px; }
.divli4{ width: 225px; top: 338px; }
.divli5{ width: 260px; top: 465px; }
.divli6{ width: 360px; top: 570px; }

.divli7{ width: 260px; bottom: -50px; right: 0; left: 0; margin: auto; }
.divli7 .bsicon{ position: static; margin:0 auto 0;}
.divli7 { height: 140px; text-align: center;}
.divli7 dl{ position: absolute; bottom: 0px; left: 0; width: 100%;}

.divli12{ width: 345px; top: 88px; left: 0; }
.divli11{ width: 250px; top: 200px; left: 0; }
.divli10{ width: 225px; top: 338px; left: 0; }
.divli9{ width: 220px; top: 465px; left: 40px; }
.divli8{ width: 243px; top: 570px; left: 120px; }



.divli.active dt{  font-weight: bold; color: #496992; }
.divli.active dd{ color: #666;}
.divli.active .bsicon{ background: url(../img/bsbg.png) no-repeat center;}

.divli1.active .bsicon span{ background-image: url(../img/bisIc01.png); }
.divli2.active .bsicon span{ background-image: url(../img/bisIc02.png); }
.divli3.active .bsicon span{ background-image: url(../img/bisIc03.png); }
.divli4.active .bsicon span{ background-image: url(../img/bisIc04.png); }
.divli5.active .bsicon span{ background-image: url(../img/bisIc05.png); }
.divli6.active .bsicon span{ background-image: url(../img/bisIc06.png); }
.divli7.active .bsicon span{ background-image: url(../img/bisIc07.png); }
.divli8.active .bsicon span{ background-image: url(../img/bisIc08.png); }
.divli9.active .bsicon span{ background-image: url(../img/bisIc09.png); }
.divli10.active .bsicon span{ background-image: url(../img/bisIc010.png); }
.divli11.active .bsicon span{ background-image: url(../img/bisIc011.png); }
.divli12.active .bsicon span{ background-image: url(../img/bisIc012.png); }
.divli13.active .bsicon span{ background-image: url(:; background-image: url(../img/bisIc013.png); }


































/* 客户案例详情 */
.KHdetai{ margin-top: 30px;}
.detai{position: relative; border-bottom: 1px solid #e5e5e5; padding-bottom: 75px;}
.detai>img{ width: 100%; max-height: 300px;}
.detai dl{ position: absolute; left: -3px; bottom: 20px; }
.detai dt{font-family: "din-regular";  font-size: 50px; line-height: 1; text-transform: uppercase;  color: #496992;}
.detai dd{ font-size: 22px; color: #496992; }
.detai .flex-next,
.detai .flex-prev{ position: absolute; width: 42px; height: 42px; bottom: 20px; border-radius: 50%;}
.detai .flex-next{ background:url(../img/htt.png) no-repeat center; right:0;}
.detai .flex-prev{ background:url(../img/lee.png) no-repeat center; right: 55px;}
.detai .flex-next:hover{opacity:1;filter:alpha(opacity=100); background-image: url(../img/htt1.png) ;}
.detai .flex-prev:hover{opacity:1;filter:alpha(opacity=100); background-image: url(../img/lee1.png);}



.detiList{ margin-top: 20px;}
.detiList ul{ width: 980px; }
.detiList li{ float: left; width: 435px; margin: 16px 25px 0 0; }
.detiList li .aimg{ width: 165px; height: 98px; border: 1px solid #eee; line-height: 90px; text-align: center; }
img{ max-width: 100% ; max-height: 100%;}
.detiList li .txt{ width: 245px;}
.detiList li .deti{ font-size: 18px; color: #333; margin-top: 12px; margin-bottom: 3px;}
.detiList li p{ font-size: 16px; line-height: 22px; height: 44px;}
.detiList li:hover .deti{ color: #496992;}



/* 党建工作 */
.Dwork{  }
.dwList{ margin-top: 15px; }
.dwList li{ border: 1px solid #ebebeb; max-width: 920px; margin-bottom: 5px; }
.dwList li dt{ line-height: 59px; padding:0 30px;}
.dwList li p{ max-width: 660px; font-size: 16px; transition: 0.3s;color:#000}
.dwList li span{ color: #999;  transition: 0.3s;}
.dwList li dd{ line-height: 24px; text-align: justify; padding: 15px 30px; border-top: 1px solid #ebebeb; display: none;color:#000}
.dwList li.active p{ font-weight: bold; color: #333;}
.dwList li.active span{ color: #666;}



/* 企业文化 */
.wenhuabg .YYlsit{ padding-bottom: 0;}
.whleft{ width: 152px;}
.whright{ width: 705px;}
.wenHua ul{ width: 770px;}
.wenHua li{ float: left; margin-right: 53px;}



/* 人力资源 */
.Nlimt{ margin-bottom: 30px;}
.NlleftImg{ position: relative; width: 143px; padding-top: 100px; }
.NlleftImg i{ position: absolute; top: 0; left: 24px; height: 130px; width: 2px; background: #496992;  }
.Nlbook{ width: 705px;}
.nlTitle{ background: url(../img/dhbg1.png) no-repeat right 5px;}
.nlTitle dt{ text-transform: uppercase; font-family: "din-regular"; font-size: 40px; color: #496992; line-height: 1;}
.nlTitle dd{ font-size: 24px; color: #496992; }

.Nltobok{ margin-top: 24px;}
.Nltobok .Nlcn{ font-size: 16px; line-height: 26px; color: #666; margin-bottom: 12px;}
.Nltobok .Nlcn b,
.Nltobok .Nlcn strong{ color: #496992;}
.Nltobok .Nlen{ line-height: 22px; color: #999; font-family: "din-regular"; }

.nlcp{ text-align: right; font-size: 20px; color: #496992; background: url(../img/nlcp.png) no-repeat left bottom; padding-top: 20px; margin-top: 20px; border-top: 1px solid #e5e5e5; line-height: 20px;}
.nlcp i{ opacity: 0.5; font-family: 'Microsoft YaHei Light';}



/* 国家 */
.ggleft{ width: 459px;}
.ggleft p{ margin-bottom: 2px;}

.ggrght{ width: 408px; text-align: justify; line-height: 26px; font-size: 16px;}
.ggTit{ font-size: 26px; color: #496992; line-height: 36px; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; margin: 15px 0 25px;padding-right: 20px; }
.ggtobok b{ color: #496992;}
.ggtobok p{ margin-top: 6px;}


/* 博士后 */
.bsTop{ position: relative; text-align: right; height: 242px;}
.bsNamet{ position: absolute; left: 0; top: 23px; height: 195px; width: 460px; background: #fff; text-align: left;  z-index: 1;}
.bsNamet .tIname{ font-size: 26px; line-height: 36px; color: #496992; max-width: 375px; margin-top: 15px; }
.bsNamet i{ width: 265px; height: 1px; background: #000; display: block; opacity: 0.1; margin: 17px 0;}
.bsNamet p{ font-size: 20px;color: #496992;  opacity: 0.6; font-family: 'Microsoft YaHei Light';}
.bsNamet span{ display: block; line-height: 22px; color: #496992; font-family: "din-regular"; opacity: 0.3;}
.bshtobok{ font-size: 16px;line-height: 26px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #e5e5e5;
 background: url(../img/bgbg.png) no-repeat right bottom;}
.bshtobok p{ margin-top: 5px;}
.bshtobok b{ color: #496992; font-family: 'din-bold-webfont'; }


/* ... */
.pxTop{ position: relative; padding-bottom: 45px; }
.pxTop .img{ width: 459px; height: 307px; margin-left: 38px;}
.po{ position: absolute;  z-index: 2;}
.pi1{ left: 0; top: 0; z-index: 3;}
.pi2{ right: 0; top: 0;}
.pi3{ left: 0; bottom: 0;}
.pxTop .txt{ position: absolute; bottom: 45px; right: 0; width: 380px;}
.pxTop .txt p{ font-family: "din-regular"; font-size: 40px; color: #496992; opacity: 0.4; text-transform: uppercase;  line-height: 1;}
.pxTop .txt span{ font-size: 26px; color: #496992;  }
.pxTop .txt i{ display: block; height: 3px; background: #496692; width: 22px; margin-top: 35px;}


.psxsbox{ line-height: 26px; font-size: 16px; margin-top: 30px;}
.psxsbox p{ margin-top: 10px;}
.psxsbox b{color: #496992; font-family: 'din-bold-webfont'; }







/* index */
 .banner,
.banner .flexslider{  width: 100%; /**min-width: 1200px; **/ margin: 0 auto; position: relative;}
.banner .flexslider{overflow: hidden; z-index: 0; display: block;}
.banner .slides li{ position: relative;  z-index: 0; display: block; }
.banner .slides li a{display: block; height: 100%;}

/* 圆点切换 */
.banner .flex-control-paging{}
.banner .flex-control-nav{position:absolute; bottom: 20px; z-index:11111; padding-left: 0; left: 0; right: 0; height: 11px; line-height: 10px; margin: 0 auto; text-align: center; }
.banner .flex-control-nav li{ width: 11px; height: 11px; margin: 0 5px; display: inline; zoom: 1; text-align: center; overflow: hidden;}
.banner .flex-control-nav a{ display: inline-block; width: 11px; height: 11px; line-height: 100px; cursor:pointer; border-radius: 50%;
font-family: Arial;  overflow: hidden; background: #fff; opacity: 0.3;}
.banner .flex-control-nav .flex-active{ opacity: 1;}

.banner .stiona span{ width: 11px; height: 11px;  background: #fff;}



.bgff{ background: #fff;}
.pad20{ padding: 20px;}
.Indexcont{ background: #f9f9f9; min-height: 500px; padding-top: 30px;}
.insdeLink{ background: #fff; }

.indexLeft{ width: 795px; margin-bottom: 35px;}
.Newleft{ width: 365px ;}
.Newleft .flexslider{ height: 230px; width: 100%;  margin: 0 auto; position: relative;}
.Newleft .flexslider{overflow: hidden; z-index: 0; display: block;}
.Newleft .slides li{ position: relative; height: 230px;   z-index: 0; display: block; }
.Newleft .slides li a{display: block; height: 100%;}

/* 圆点切换 */
.Newleft .flex-control-paging{}
.Newleft .flex-control-nav{position:absolute; bottom: 20px; z-index:11111; right: 10px; height: 8px; line-height: 10px; margin: 0 auto; text-align: center; }
.Newleft .flex-control-nav li{ width: 8px; height: 8px; margin: 0 5px; display: inline; zoom: 1; text-align: center; overflow: hidden;}
.Newleft .flex-control-nav a{ display: inline-block; width: 8px; height: 8px;line-height: 100px; cursor:pointer; overflow: hidden; background: #2373c8; opacity: 0.5;}
.Newleft .flex-control-nav .flex-active{ opacity: 1;}

.Newleft p{ position: absolute; bottom: 0; right: 0; left: 0; line-height: 44px; height: 44px; color: #fff; background: rgba(0,0,0,0.3 ); padding:0 100px 0 20px; }

.InewRght{ width: 365px; }
.InewRght i{ font-size: 16px; font-family: "din-regular"; }
.intop{border-bottom: 1px solid #f3f3f3; padding-bottom: 10px;}
.intop .inName{ font-size: 16px; font-weight: bold; color: #333; }
.intop p{ font-size: 16px; line-height: 24px; color: #000; height: 72px; margin: 5px 0; }
.intop i{ color: #000; }

.inbtn a{ position: relative; display: block; line-height: 48px; height: 48px; border-bottom: 1px solid #f3f3f3; padding-left: 10px; background: url(../img/dd.png) no-repeat left center; }
.inbtn p{ float: left; max-width: 275px;  }
.inbtn i{ float: right; color: #000; }
.intop a:hover .inName,
.inbtn a:hover p{ color: #496692;}


.InNEWList{ margin-top: 20px;}
.NEWnav{ width: 183px;}
.NEWnav li{ position: relative; height: 80px; font-family: "din-regular";  font-size: 14px; text-align: center; background: #b7c2cf;
 border-bottom: 1px dashed #aeb8c5; overflow: hidden; cursor: pointer;}
.NEWnav li::after{ content: ''; position: absolute; right: 0; top: 30px; width: 9px; height: 21px; background: url(../img/ddd.png) no-repeat center; opacity: 0;}
.NEWnav li p{ font-size: 18px; font-weight: bold; color: #fff;  margin-top: 20px;}
.NEWnav li i{ color: #fff; opacity: 0.3;}
.NEWnav li.active { background: #496992; border-color: #496992;}
.NEWnav li.active i{ opacity: 0.4; }
.NEWnav li.active::after{ opacity: 1;}

.NEWNalst{ width: 590px; padding-right: 15px;}
.NEWNalst ul{ display: none;}
.NEWNalst li a{ display: block; line-height: 50px; border-bottom: 1px dashed #eaeaea; font-size: 16px;}
.NEWNalst li p{ max-width: 440px; color: #000;}
.NEWNalst li i{ font-family: "din-regular"; color: #000; }
.NEWNalst li:hover p{ color: #496992;} 



.Iabout{ margin: 20px 0; }
.iabTit{ line-height: 60px; height: 59px; padding: 0 20px; border-bottom: 1px solid #eaeaea; }
.iabTit p{ font-weight: bold; font-size: 20px; color: #333;  }
.iabTit img{ margin-right: 6px; vertical-align: top; margin-top: 18px; width: 26px; height: 26px; }
.iabTit a{ color: #000; font-size: 16px; }
.iabTit a:hover{ color: #2373c8;}
.iabbox dt{ color: #2373c8; font-size: 20px; font-weight: bold;}
.iabbox dt i{ font-weight: normal; font-size: 16px;font-family: "din-regular";  text-transform: uppercase; margin-left: 10px;}
.iabbox dd{ width: 15px; height: 3px; background: #2373C8; margin-top: 10px; }
.iatobok{ height: ; line-height: 30px; font-size: 16px;  text-align: justify; margin-top: 15px; height: 150px; overflow: hidden;}
.iatobok b{ font-family: 'din-bold-webfont'; color: #2373C8;}


.indssjd{}
/* .indssjd .iabTit a{color: #999;} */

.indsslide { }
.indsslide .flexslider{ height: 264px; width: 100%;  margin: 0 auto; position: relative;}
.indsslide .flexslider{overflow: hidden; z-index: 0; display: block;}
.indsslide .slides li{ position: relative; height: 240px;  margin-right: 21px;  z-index: 0; display: block; }
.indsslide .slides li a{display: block; height: 100%;}

/* 圆点切换 */
.indsslide .flex-control-paging{}
.indsslide .flex-control-nav{ position:absolute; bottom: 6px; z-index:11111; left: 0; right: 0px; height: 6px; line-height: 10px; margin: 0 auto; text-align: center; }
.indsslide .flex-control-nav li{ width: 6px; height: 6px; margin: 0 5px; display: inline; zoom: 1; text-align: center; overflow: hidden;}
.indsslide .flex-control-nav a{ display: inline-block; width: 6px; height: 6px;line-height: 100px; cursor:pointer; overflow: hidden; background: #e9e9e9; }
.indsslide .flex-control-nav .flex-active{ background: #2373c8;}



.axiba,
.inabouts{ height: 270px; overflow: hidden;}
.InNEWList,
.fourDJ{ height: 320px; overflow: hidden;} 
.Iabout,
.Invideo{ height: 305px; overflow: hidden;}

.indssjd,
.Inzzry{ height: 358px; overflow: hidden; }  


.indexRght{ width: 386px; margin-bottom: 35px;}
.iabbtook { }
.iabbtook .img{ width: 163px; height: 171px;}
.iabbtook .txt{ width: 168px; height: 171px; line-height: 25px; font-size: 16px; margin-top: -2px;}

.fourDJ{ height: 320px; margin: 20px 0 0;}
.fourDJ a{ display: block; position: relative; height: 93px; margin-bottom: 20px; z-index: 1; overflow: hidden; color: #fff; font-size: 22px; 
padding: 23px 30px 0; }
.fourDJ a span{ display: block; font-size: 16px; opacity: 0.5; font-family: "din-regular";  }
.fourDJ img{ position: absolute; left: 0; top: 0;  z-index: -1;}



.Invideo{ margin: 20px 0;}
.ivdid{height: 246px;}

.zzbox{ padding: 20px 20px 0}
.indzzry .flexslider{ height: 280px; width: 100%;  margin: 0 auto; position: relative;}
.indzzry .flexslider{overflow: hidden; z-index: 0; display: block;}
.indzzry .slides li{ position: relative; width: 346px; height: 240px; z-index: 0; display: block; text-align: center; background: #f3f3f3; }
.indzzry .slides li a{display: block; width: 346px; height: 100%; text-align: center;padding: 18px 20px;  }
.indzzry .slides li img{ width: 100%; height: 100%; object-fit: cover; }

/* 圆点切换 */
.indzzry .flex-control-paging{}
.indzzry .flex-control-nav{ position:absolute; bottom: 20px; z-index:11111; left: 0; right: 0px; height: 6px; line-height: 10px; margin: 0 auto; text-align: center; }
.indzzry .flex-control-nav li{ width: 6px; height: 6px; margin: 0 3px; display: inline; zoom: 1; text-align: center; overflow: hidden;}
.indzzry .flex-control-nav a{ display: inline-block; width: 6px; height: 6px;line-height: 100px; cursor:pointer; overflow: hidden; background: #e9e9e9; }
.indzzry .flex-control-nav .flex-active{ background: #2373c8;}



video{ height: 100%;}
/* video::-internal-media-controls-download-button {    display:none;}
video::-webkit-media-controls-enclosure {    overflow:hidden;}
video::-webkit-media-controls-panel {  width: calc(100% + 30px); }
 */





/* 架构紫公子 */
.AJlist{ margin: 20px 0 50px; }
.AJlist ul{}
.AJlist li{ float: left; width: 50%; font-size: 18px; color: #666; line-height: 40px; border-bottom: 3px solid #efefef; text-align: center; cursor: pointer; }
.AJlist li.active{ border-color: #496992; color: #496992; }


/* fixed */
.yqhfix{/* display:none;*/ position:fixed; bottom:200px; left:0px; z-index:9999; width:247px; height:108px;top:430px;}
.yqhfix span{ cursor:pointer; position:absolute; top:10px; right:10px; z-index:99; width:11px; height:11px; background:url(../images/close.png) no-repeat center center;}

/* fixed */
.zpfix{ /*display:none;*/ position:fixed; bottom:200px; left:0px; z-index:9999; width: 238px; height: 85px; /*top:540px;*/}
.zpfix span{ cursor:pointer; position:absolute; top:0px; right:0px; z-index:99; width:26px; height:26px; background:url(../images/close.png) no-repeat center center;}

.ztfixl{/* display:none;*/ position:fixed; bottom:200px; left:0px; z-index:9999; width:160px;/*top:540px;*/}
.ztfixl span{ cursor:pointer; position:absolute; top:5px; right:5px; z-index:99; width:11px; height:11px; background:url(../images/close.png) no-repeat center center;}

.ztfixr{/* display:none;*/ position:fixed; bottom:200px; right:0px; z-index:9999; width:160px;/*top:540px;*/}
.ztfixr span{ cursor:pointer; position:absolute; top:5px; right:5px; z-index:99; width:11px; height:11px; background:url(../images/close.png) no-repeat center center;}

.guanbi{ width: 220px; margin-bottom: 90px;}
.guanbi a{ display: block;}
.newxinxi{
	width: 8rem;
    text-align: center;
    margin: 0 auto;
    background-color: #2D4A6F;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
	border-radius: 10px;
	}
.newxinxi a{
	color: #fff;
}